<script setup>
import { onMounted, onUpdated, ref } from 'vue';

// 定义 mounted 挂载生命周期需要执行的内容, 传入一个回调函数即可
onMounted(() => {
  console.log('生命周期走到了挂载');
})

// 很多其他功能代码.....

// 突然某个地方需要在挂载时继续添加功能
onMounted(()=>{
  console.log('再次需要生命周期函数定义');
})

const count = ref(0)

setInterval(() => {
  count.value ++
}, 1000);

onUpdated(() => {
  console.log('页面发生了更新');
})

</script>

<template>
  <div>
    生命周期测试页 {{ count }}
  </div>
</template>